<!DOCTYPE html>
<html ng-app="app">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta charset="UTF-8">
    <meta name="keyword" content="犀牛故事">
    <meta name="description" content="这是个故事app">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="./components/materialize/dist/css/materialize.css"  media="screen,projection"/>
    <link rel="stylesheet" href="./components/materialize/dist/css/reset.css">
    <link rel="stylesheet" href="./font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="./css/mimi.css">
</head>
<body>
<main ng-controller="mimi.ctr">
    <div class="nav_mm">
        <ul>
            <li><a href="#" class="zui active_s">最新</a></li>
            <li><a href="#" class="zui active">最热</a></li>
        </ul>
    </div>
        <ul class="mimi_ul" ng-repeat="mimi in datalist">
            <li class="mimi_li">
                <!--logo头部-->
                <div class="ul_container">
                <div class="ul_logo">
                    <img src="./images/anonymity.png" alt="">
                </div>
                <div class="ul_cen">
                    <ul>
                        <li>匿名作者</li>
                        <!--时间倒计时-->
                        <li><span>{{mimi.updateon|filter:dateOrder}}</span></li>

                    </ul>
                </div>
                <div class="ul_foo">
                    <a href="#">
                    <img src="./images/red.png" alt="">
                        秘密
                        <span>·&nbsp;连载中</span>
                    </a>
                </div>
                </div>
                <!--figure图片及内容-->
                <a href="mimi_tiaozhuan.html">
                    <figure>
                <img ng-src="{{mimi.cover_url}}" alt="">
                <figcaption>
                    <h3>{{mimi.title}}</h3>
                    <p>{{mimi.summary}}</p>
                </figcaption>
            </figure>
                </a>
               <!-- 小图标-->
                <div class="ul_final">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="./images/tuij.png" alt="">
                                <span>{{mimi.share_count}}</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./images/pinglun.png" alt="">
                                <span>{{mimi.subscription_count}}</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./images/sc.png" alt="">
                                <span>{{mimi.notice_count}}</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
</main>
<script type="text/javascript" src="./components/jquery/dist/jquery.js"></script>
<script src="script/header.js"></script>
<script type="text/javascript" src="./components/materialize/dist/js/materialize.min.js"></script>
<script type="text/javascript" src="./components/angular/angular.js"></script>
<script type="text/javascript" src="./components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="./script/controller.js"></script>
<script src="./script/r-c.js"></script>
</body>
</html>